<!-- 购房资格 -->
<template>
	<view>
		<view class="henres">
			<u-tabs @click="clicks" :list="getcity" :lineWidth="40" :lineHeight='2' lineColor="#0e5642" :activeStyle="actives"
				:inactiveStyle="inact" :itemStyle='{height:"65rpx"}'>
			</u-tabs>
		</view>
		<view class="yang-s u-p-20 u-m-30">
			<u-parse :content="content"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				getcity: [],
				actives: {
					color: '#0e5642',
					transform: 'scale(1.05)',
					fontSize: '26rpx'
				},
				inact: {
					color: '#606266',
					transform: 'scale(1)',
					fontSize: '26rpx'
				},
				showHide: 0,
				list: [],
				content: ''
			};
		},
		async onLoad() {
			this.getcity = await this.require('getcity');
			await this.getlist()
		},
		methods: {
			clicks(item) {
				this.showHide = item.index;
				this.getlist();
			},
			async getlist(){
				let res = await this.require('getqualifications',{
					city_id: this.getcity[this.showHide].id
				})
				if(res){
					if(res.content){
						this.content = res.content;
					}
				}
			}
		}
	};
</script>

<style lang="scss" scoped>
	.henres {
		height: 60rpx;
		background: #fff;
	}

	.yang-s {
		background: #fff;
		margin-top: 30rpx;
		border-radius: 10rpx;
	}

	.u-font-n {
		font-size: 32rpx;
		font-weight: bolder;
	}

	.u-s-x {
		text-indent: 2em;
		color: #606060;
	}
</style>
